<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="content-language" content="en-EN" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="robots" content="noindex, nofollow" />

    <title>JEELIZ FACEFILTER: THREE.JS MATRIX DEMO</title>

    <!-- INCLUDE THREE.JS : -->
    <script src="../../../libs/three/v112/three.min.js"></script>

    <!-- INCLUDE FACEFILTER HELPER FOR THREE.JS : -->
    <script src="../../../helpers/JeelizThreeHelper.js"></script>

    <!-- HELPER FOR FULLSCREEN CANVAS : -->
    <script src="../../../helpers/JeelizResizer.js"></script>

    <!-- INCLUDE FACEFILTER : -->
    <script src='../../../dist/jeelizFaceFilter.js'></script>

    <!-- INCLUDE FORK ME ON GITHUB BANNER -->
    <script type="text/javascript" src="../../appearance/widget.js"></script>

    <!-- MAIN DEMO SCRIPT : -->
    <script src='main.js'></script>

    <style type='text/css'>
      body {
        margin: 0;
        overflow: hidden;
      }

      canvas {
        width: 100vw;
      }

    </style>
  </head>
  <body>
    <canvas id='matrixCanvas'></canvas>
  </body>
</html> 
